<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			section {
				border: solid 10px red;
				/* 作为展示盒子,对长盒溢出部分auto */
				overflow: auto;
			}
			article {
				border: solid 10px blue;
				/* 作为一个长盒子 */
				/* width: 999px; */
				display:flex;
			}
			img {
				/* 图片同一高度就行 */
				height: 300px;
				margin: 5px;
			}
			/* 横滑图 直接 section>article>img*5 就行*/
		</style>
	</head>
	<body>
		<section>
			<article>
				<img src="../img/head.jpeg">
				<img src="../img/img001.jpg">
				<img src="../img/img5.jpg">
				<img src="../img/img_bidiu.jpg">
				<img src="../img/pink.jpg"> 
			</article>
		</section>
	</body>
</html>
